page {
	background-color: #f7f7f7;
}
.header {
	background-color: #fff;
	padding-top: 80rpx;
	padding-bottom: 34rpx;
	width: 750rpx;
	// height: 560rpx;
	position: relative;
	overflow: hidden;
	.headerBg {
		position: absolute;
		width: 750rpx;
		height: 224rpx;
		top: 0;
		left: 0;
		z-index: 0;
	}
	.teacherInfo {
		position: relative;
		z-index: 1;
		display: flex;
		align-items: center;
		background-color: #fff;
		width: 704rpx;
		height: 222rpx;
		margin: 0 auto 52rpx;
		border-radius: 10rpx;
		box-shadow: 0rpx 0rpx 10rpx 10rpx rgba(0, 0, 0, 0.1);
		> image {
			width: 155rpx;
			height: 154rpx;
			border-radius: 50%;
			margin-left: 10rpx;
			margin-right: 28rpx;
		}
		&_name {
			height: 100rpx;
			> text {
				font-size: 38rpx;
				font-weight: normal;
				font-stretch: normal;
				letter-spacing: 0rpx;
				color: #333333;
				margin-bottom: 24rpx;
			}
		}
	}
	&_title{
		font-size: 32rpx;
		color: #333;
		margin-left: 24rpx;
	}
	.orderList{
		margin-top: 48rpx;
		width: 750rpx;
		height: 100rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		.order{
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			font-size: 26rpx;
			color: #666666;
			>image{
				margin-bottom: 18rpx;
			}
		}
	}
}
.container{
	width: 750rpx;
	.select{
		width: 702rpx;
		padding: 36rpx 0;
		margin: 0 auto;
		border-bottom: 1rpx solid #ddd;
		display: flex;
		align-items: center;
		justify-content: space-between;
		&_left{
			display: flex;
			align-items: center;
			>image{
				margin-right: 18rpx;
			}
			font-size: 30rpx;
			color: #333333;
		}
	}
}
.footer{
		width: 702rpx;
		height: 86rpx;
		margin: 100rpx auto 0;
		text-align: center;
		line-height: 86rpx;
		border-radius: 42rpx;
		font-size: 32rpx;
		color: #ffffff;
		background-image: linear-gradient(90deg, 
				#4491fd 0%, 
				#8597ff 100%), 
			linear-gradient(
				#000000, 
				#000000);
	}